<script lang="ts" setup>
  import Space from '@sscd/space';
  import Button from '@sscd/button';
</script>

<template>
  <div class="demo">
    <div class="demo-title">不可用状态</div>
    <div class="demo-content">
      <Space wrap>
        <Button type="primary">Primary</Button>
        <Button type="primary" disabled>Primary(disabled)</Button>
        <br />
        <Button>Default</Button>
        <Button disabled>Default(disabled)</Button>
        <br />
        <Button type="dashed">Dashed</Button>
        <Button type="dashed" disabled>Dashed(disabled)</Button>
        <br />
        <Button type="text">Text</Button>
        <Button type="text" disabled>Text(disabled)</Button>
        <br />
        <Button type="link">Link</Button>
        <Button type="link" disabled>Link(disabled)</Button>
        <br />
        <Button danger>Danger Default</Button>
        <Button danger disabled>Danger Default(disabled)</Button>
        <br />
        <Button type="text" danger>Danger Text</Button>
        <Button type="text" danger disabled>Danger Text(disabled)</Button>
        <br />
        <Button type="link" danger>Danger Link</Button>
        <Button type="link" danger disabled>Danger Link(disabled)</Button>
      </Space>
    </div>
  </div>
</template>
